﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>@ViewBag.Title</title>
    <meta name="keywords" content="@ViewBag.MetaKeywords" />
    <meta name="description" content="@ViewBag.MetaDescription" />
    <link href="../../Content/FrontEnd/css/Reset.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/FrontEnd/css/style.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="../../Content/FrontEnd/css/default.css" type="text/css" media="screen" />   
    <link rel="stylesheet" href="../../Content/FrontEnd/css/nivo-slider.css" type="text/css" media="screen" />       

    <script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui-1.8.17.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="../../Content/FrontEnd/js/tab.js"></script>    
    <script type="text/javascript" src="../../Content/FrontEnd/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="../../Content/FrontEnd/js/jcarousellite.js"></script>

    <script type="text/javascript" language="javascript">

        function showMessage(message) {
            if (typeof message == 'string') {
                if ($.trim(message) != "") {
                    $('#loading-panel').css('display', 'none');
                    if (message.indexOf('[msg]') == 0) {
                        message = message.substring(5);
                    }
                    var s = message.split('[msg]');
                    for (i in s) {
                        alert(s[i]);
                    }
                }
            }
            if (typeof message == 'object') {
                if (message.tag) {
                    showMessage($('#message-list').find('[tag=' + message.tag + ']').text());
                }
            }
        }
        $(window).load(function () {
            showMessage('@Html.Action("GetMessage", "Base")');
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".tabLink").each(function () {
                $(this).click(function () {
                    tabeId = $(this).attr('id');
                    $(".tabLink").removeClass("activeLink");
                    $(this).addClass("activeLink");
                    $(".tabcontent").addClass("hide");
                    $("#" + tabeId + "-1").removeClass("hide")
                    return false;
                });
            });
            $("#li1").click(function () {
                $(".nav li").removeAttr("class");
                $(".li1").addClass("show");
                $(this).addClass("nav-active");
                return false;
            });
            $(".li1").mouseleave(function () {
                $(this).removeClass("show");
                $(this).addClass("hide");
            });
        });
        $(function () {
            $(".anyClass").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev"
            });
        });

        $(window).load(function () {
            $('#slider').nivoSlider();
        });
    </script>
    
</head>

<body>
	<div class="wrapper">
    	<div class="top">
        	<ul class="nav-top">
            	<li><a href="#">Help</a> | </li>
                <li><a href="#">About</a> | </li>
                <li><a href="#">Contact</a></li>
            </ul>
            <a href="#"><img alt="" src="../../Content/FrontEnd/images/logo.png" /></a>
            <div class="search">
            	<input type="text" class="txtSearch" />
				<select class="dllSearch">
                	<option>Quick Category</option>
                </select>
                <input type="button" class="btnSearch" name="" value="" />
            </div>
            <ul class="nav">
            	<li class="nav-active"><a href="/">HOME</a></li> 										 
                <li id="li1"><a href="#">Computing</a></li>
                <li id="li2"><a href="#">Components</a></li>
                <li id="li3"><a href="#">Peripherals</a></li>
                <li id="li4"><a href="#">Audio & Video</a></li>
                <li id="li5"><a href="#">Office & Stationery	</a></li>
            </ul>
            @Html.Partial("_Menu")            
        </div>
        <div class="content">
        	<div class="content-left">
            	 @Html.Action("ListMenu", "Category", new { parent = ViewBag.ParentID })
                 <a href="#"><img alt="" src="../../Content/FrontEnd/images/imgSupport.jpg" /> </a>
                 <a href="#"><img alt="" src="../../Content/FrontEnd/images/imgAdv.jpg" /> </a>
                 <a href="#"><img alt="" src="../../Content/FrontEnd/images/imgAdv2.jpg" /> </a>
            </div>
            <div class="content-right">
                @RenderBody()            	
            </div>
            <div class="clear"></div>
        </div>
        <div class="clr" id="wrap-footer">
            <ul class="clearfix">
                <li><a title="Contact Us " href="#">    Contact Us </a> </li>
                <li><a title="Press Centre" href="#">Press Centre</a> </li>
                <li><a title="WEEE Directive" href="#">WEEE Directive</a> </li>
                <li><a title="Delivery Pricing" href="#">Delivery Pricing</a> </li>
            </ul>
            <div style="padding-top: 5px; padding-left: 7px;">
                &copy; Copyright 2012 RedSand Pty Limited</div>
        </div>
    </div>
</body>
</html>

